<template>
	<view>
		<uni-popup ref="rulModel" type="center" zindex>
			<view class="modelcon">
        <view class="close_box">
        	<text class="fcon-a-close point" @click="close"></text>
        </view>
				 <view class="con_box">
				 	 套餐有效期至{{props.dpTips}}，期间按实际就餐自动扣费，建议遵循推荐日期享用以获得最佳体验。
				 </view>
			</view>

		</uni-popup>
	</view>
</template>

<script setup lang="ts">
	import { ref } from 'vue';
	const emit = defineEmits(["sendOrder"])
	const props = defineProps({
		dpTips:{
			type:String,
			default:''
		},	
	})
	
	
	const rulModel = ref()
	const payTpe=ref("")
	const open = () => {
		rulModel.value.open()
	}
	const close = () => {
		rulModel.value.close()
	}
	defineExpose({ open, close })
</script>

<style lang="scss" scoped>
	.modelcon {
		width: 526rpx;
		height: 292rpx;
		border-radius: 20rpx;
		background-color: #fff;
		padding: 30rpx 30rpx 0rpx 30rpx;
		position: relative;
		.close_box{
			width:100%;
			height:40rpx;
			display: flex;
			justify-content: flex-end;
			font-size: 30rpx;
			color:#999;
		}
		.con_box{
			color: #333;
			text-align: left;
			font-size: 32rpx;
			font-weight: 400;
			letter-spacing: 2rpx;
			margin-top: 15rpx;
		}
}
</style>